<style type="text/css">
    tbody td {
        text-align: center;
    }
    
    thead th {
        text-align: center;
    }
    
    .notvalid {
        background: #FFF6F6 !important;
        border-color: #E0B4B4 !important;
        color: #9F3A38 !important;
        border-radius: '' !important;
        box-shadow: none !important;
    }
    
    .dimmers {
        margin-top: 55px !important;
        background-color: rgba(0, 0, 0, .99) !important;
    }
    
    .butt {
        background: #336EAA !important;
    }
    
    .ui.attached.segment {
        border-top: none;
    }
</style>
<!-- Goals is begining here -->
<div class="cont">
    <div class="position "><img alt="位置图标" src="dist/images/position.png" />营销管理&gt;PK信息管理</div>
    <div class="menus">
        <div class="menus_top">
            <div class="menus_l">查看方式</div>
            <ul id="nav">
                <li ng-click="getpkList(1,'')"><a>进行中</a></li>
                <li ng-click="getpkList(2,'')"><a>已经结束</a></li>
                <li ng-click="getpkList(3,'')"><a>未开始</a></li>
                <li ng-click="getpkList(4,'')" class="selected"><a>全部</a></li>
            </ul>
            <ol>
                <li style="margin-right: -25px;">
                    <button class="ui blue icon button butt" ng-click="addShowPK()"><i class="plus icon"></i>添加PK</button>
                </li>
                <li style="margin-right: -11px;">
                    <button class="ui green icon button" ng-show="!file" ng-model="file" ngf-select><i class="reply icon"></i>导入PK</button>
                    <button class="ui green icon button" ng-show="file" ng-click="submit()"><i class="reply icon"></i>提交Excell</button>
                </li>
            </ol>
        </div>
    </div>
    <div class="inline fluid fields" style="margin-top: 80px;">
        <div class="field" style="display: inline-block;">
            <label>开始时间</label>
            <div class="ui left icon input">
                <input type="text" onclick="laydate({istime: true, format: 'YYYY-MM-DD'})" id="search_time1" placeholder="开始时间" /> <i class="calendar icon"></i>
            </div>
        </div>
        <div class="field" style="display: inline-block;margin-left: 20px;">
            <label>结束时间</label>
            <div class="ui left icon input">
                <input type="text" onclick="laydate({istime: true, format: 'YYYY-MM-DD'})" id="search_time2" placeholder="结束时间" /> <i class="calendar icon"></i>
            </div>
        </div>
        <div class="field" style="display: inline-block;margin-left: 20px;">
            <label>PK状态</label>
            <select class="ui dropdown" id="search_state">
              <option value="">PK状态</option>
              <option value="1">未处理</option>
              <option value="2">正方胜出</option>
              <option value="3">反方胜出</option>
              <option value="4">全部胜出</option>
              <option value="5">全部</option>
            </select>
        </div>
        <div class="field" style="display: inline-block;float: right;margin-right: 20px;">
            <button class="ui red icon button" ng-click="pkExport()"><i class="mail forward icon"></i>导出PK</button>
        </div>
        <div class="field" style="display: inline-block;float: right;margin-right: 20px;">
            <button class="ui blue icon button butt" ng-click="getpkList('','')"><i class="ui search icon"></i>&#12288搜索</button>
        </div>
    </div>
    <!-- 标签页 is begining here -->
    <div class="ui sixteen wide column" style="margin-top: 40px;">
        <div class="ui top attached tabular menu">
            <a class="item active" ng-click="first()" data-tab="first">部门之战</a>
            <a class="item" ng-click="second()" data-tab="second">个人之战</a>
            <a class="item" ng-click="third()" data-tab="third">个人与部门之战</a>
        </div>
    </div>
    <!-- 部门PK item is begining here -->
    <div class="ui bottom attached tab segment active" data-tab="first">
        <div class="ui sixteen wide column">
            <div class="ui divided items" id="full_pk1">
                <div class="item" ng-repeat="vpk in pks" style="padding: auto;text-align: center;">
                    <div style="display: inline-block;width: 15%">
                        <h5>{{vpk.start_time | limitTo : 10}}</h5>
                        <h5>{{vpk.end_time | limitTo : 10}}</h5>
                    </div>
                    <div style="display: inline-block;width: 60%;">
                        <div style="display: inline-block;width: 36%;">
                            <h4>{{vpk.a_object}} {{vpk.a_goal}}W</h4>
                            <h4>{{vpk.a_prize}}</h4>
                        </div>
                        <div style="display: inline-block;width: 20%;">
                            <h4 style="color: #FF0000">PK&#12288{{vpk.keytype}}</h4>
                            <h4 style="color: #FF0000">{{vpk.pk_res | filterResultpk}}</h4>
                        </div>
                        <div style="display: inline-block;width: 36%;text-align: center;">
                            <h4>{{vpk.b_object}} {{vpk.b_goal}}W</h4>
                            <h4>{{vpk.b_prize}}</h4>
                        </div>
                    </div>
                    <div style="display: inline-block;">
                        <h5 style="text-align: center;">最后更新：{{vpk.last_time}}</h5>
                        <td>
                            <span>
                                <a href="javascript:;" title="查看"  ng-click="lookPk()">
                                    <img alt="编辑方式图标" src="dist/images/edit.png">
                                </a>                           
                            </span>
                        </td>
                        <td ng-show="vpk.keytype!='已经结束'">
                            <span>
                                <a href="javascript:;" title="编辑"  ng-click="editShowPk()">
                                    <img alt="编辑方式图标" src="dist/images/edit.png">
                                </a>                           
                            </span>
                        </td>
                        <td ng-show="vpk.keytype!='已经结束'">
                            <span>
                                <a href="javascript:;" title="删除"  ng-click="delShowPk()">
                                    <img alt="编辑方式图标" src="dist/images/del.png">
                                </a>                           
                            </span>
                        </td>
                    </div>
                </div>
                <div ng-show="pkPages.pageAll == 0 && !busy" style="color: red;text-align: center;top: 30px; border-top: none;font-size: 16px;">
                    <tr>
                        <td colspan="7">
                            <p style="text-align: center;">没有找到数据~~~!</p>
                        </td>
                    </tr>
                </div>
                <div ng-show="pkPages.pageAll > 1" class="ui pagination menu" jspagination page-object="pkPages" page-func="getpkList"></div>
            </div>
        </div>
    </div>
    <!-- 部门PK item is ending here -->

    <!-- 个人PK item is begining here -->
    <div class="ui bottom attached tab segment" data-tab="second">
        <div class="ui sixteen wide column">
            <div class="ui divided items" id="full_pk2">
                <div class="item" ng-repeat="vpk in pks" style="padding: auto;text-align: center;">
                    <div style="display: inline-block;width: 15%">
                        <h5>{{vpk.start_time | limitTo : 10}}</h5>
                        <h5>{{vpk.end_time | limitTo : 10}}</h5>
                    </div>
                    <div style="display: inline-block;width: 60%;">
                        <div style="display: inline-block;width: 36%;">
                            <h4>{{vpk.a_object}} {{vpk.a_goal}}W</h4>
                            <h4>{{vpk.a_prize}}</h4>
                        </div>
                        <div style="display: inline-block;width: 20%;">
                            <h4 style="color: #FF0000">PK&#12288{{vpk.keytype}}</h4>
                            <h4 style="color: #FF0000">{{vpk.pk_res | filterResultpk}}</h4>
                        </div>
                        <div style="display: inline-block;width: 36%;text-align: center;">
                            <h4>{{vpk.b_object}} {{vpk.b_goal}}W</h4>
                            <h4>{{vpk.b_prize}}</h4>
                        </div>
                    </div>
                    <div style="display: inline-block;">
                        <h5 style="text-align: center;">最后更新：{{vpk.last_time}}</h5>
                        <td>
                            <span>
                                <a href="javascript:;" title="查看"  ng-click="lookPk()">
                                    <img alt="编辑方式图标" src="dist/images/edit.png">
                                </a>                           
                            </span>
                        </td>
                        <td ng-show="vpk.keytype!='已经结束'">
                            <span>
                                <a href="javascript:;" title="编辑"  ng-click="editShowPk()">
                                    <img alt="编辑方式图标" src="dist/images/edit.png">
                                </a>                           
                            </span>
                        </td>
                        <td ng-show="vpk.keytype!='已经结束'">
                            <span>
                                <a href="javascript:;" title="删除"  ng-click="delShowPk()">
                                    <img alt="编辑方式图标" src="dist/images/del.png">
                                </a>                           
                            </span>
                        </td>
                    </div>
                </div>
            </div>
        </div>
        <div ng-show="pkPages.pageAll == 0 && !busy" style="color: red;text-align: center;top: 30px; border-top: none;font-size: 16px;">
            <tr>
                <td colspan="7">
                    <p style="text-align: center;">没有找到数据~~~!</p>
                </td>
            </tr>
        </div>
        <div ng-show="pkPages.pageAll > 1" class="ui pagination menu" jspagination page-object="pkPages" page-func="getpkList"></div>
    </div>
    <!-- 个人目标进度item is ending here -->

    <!-- 部门与个人PK item is begining here -->
    <div class="ui bottom attached tab segment" data-tab="third">
        <div class="ui sixteen wide column">
            <div class="ui divided items" id="full_pk3">
                <div class="item" ng-repeat="vpk in pks" style="padding: auto;text-align: center;">
                    <div style="display: inline-block;width: 15%">
                        <h5>{{vpk.start_time | limitTo : 10}}</h5>
                        <h5>{{vpk.end_time | limitTo : 10}}</h5>
                    </div>
                    <div style="display: inline-block;width: 60%;">
                        <div style="display: inline-block;width: 36%;">
                            <h4>{{vpk.a_object}} {{vpk.a_goal}}W</h4>
                            <h4>{{vpk.a_prize}}</h4>
                        </div>
                        <div style="display: inline-block;width: 20%;">
                            <h4 style="color: #FF0000">PK&#12288{{vpk.keytype}}</h4>
                            <h4 style="color: #FF0000">{{vpk.pk_res | filterResultpk}}</h4>
                        </div>
                        <div style="display: inline-block;width: 36%;text-align: center;">
                            <h4>{{vpk.b_object}} {{vpk.b_goal}}W</h4>
                            <h4>{{vpk.b_prize}}</h4>
                        </div>
                    </div>
                    <div style="display: inline-block;">
                        <h5 style="text-align: center;">最后更新：{{vpk.last_time}}</h5>
                        <td>
                            <span>
                                <a href="javascript:;" title="查看"  ng-click="lookPk()">
                                    <img alt="编辑方式图标" src="dist/images/edit.png">
                                </a>                           
                            </span>
                        </td>
                        <td ng-show="vpk.keytype!='已经结束'">
                            <span>
                                <a href="javascript:;" title="编辑"  ng-click="editShowPk()">
                                    <img alt="编辑方式图标" src="dist/images/edit.png">
                                </a>                           
                            </span>
                        </td>
                        <td ng-show="vpk.keytype!='已经结束'">
                            <span>
                                <a href="javascript:;" title="删除"  ng-click="delShowPk()">
                                    <img alt="编辑方式图标" src="dist/images/del.png">
                                </a>                           
                            </span>
                        </td>
                    </div>
                </div>
            </div>
        </div>
        <div ng-show="pkPages.pageAll == 0 && !busy" style="color: red;text-align: center;top: 30px; border-top: none;font-size: 16px;">
            <tr>
                <td colspan="7">
                    <p style="text-align: center;">没有找到数据~~~!</p>
                </td>
            </tr>
        </div>
        <div ng-show="pkPages.pageAll > 1" class="ui pagination menu" jspagination page-object="pkPages" page-func="getpkList"></div>
    </div>
    <!-- 部门与个人PK item is ending here -->

    <!-- 标签页 is ending here -->
</div>
<!-- Goals is ending here -->

<!-- 添加PK信息弹出层 is begining here-->
<div class="ui addPK modal" style="height:auto;">
    <i class="close icon"></i>
    <div class="header_h4">增加PK信息</div>
    <div class="content">
        <div class="form">
            <form action="#" name="frm-addPK" id="frm-addPK" style="margin-left: 30px;">
                <div class="ui form">
                    <div class="inline fluid fields">
                        <div class="field">
                            <label>PK有效时间</label>
                            <div class="ui left icon input">
                                <input type="text" onclick="laydate({istime: true, format: 'YYYY-MM-DD'})" name="start_time" placeholder="开始时间" />
                                <i class="calendar icon"></i>
                            </div>
                        </div>
                        <div class="field">
                            <div class="ui left icon input">
                                <input type="text" onclick="laydate({istime: true, format: 'YYYY-MM-DD'})" name="end_time" placeholder="结束时间" />
                                <i class="calendar icon"></i>
                            </div>
                        </div>
                    </div>
                    <br>
                    <div class="field">
                        <label>简介信息</label>
                        <div class="ui left icon input">
                            <textarea type="text" name="info" style="height: 90px;width: 90%" />
                        </div>
                    </div>
                    <table class="ui celled table">
                        <thead>
                            <tr>
                                <th></th>
                                <th>A(正方)</th>
                                <th>B(反方)</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <div class="ui ribbon label">目标类型</div>
                                </td>
                                <td>
                                    <div class="inline fields">
                                        <div class="field">
                                            <div class="ui radio checkbox">
                                                <input name="frequency1" ng-click="checkRadio(1)" data-value="1" checked="checked" type="radio">
                                                <label>个人</label>
                                            </div>
                                        </div>
                                        <div class="field">
                                            <div class="ui radio checkbox">
                                                <input name="frequency1" ng-click="checkRadio(2)" data-value="2" type="radio">
                                                <label>部门</label>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="inline fields">
                                        <div class="field">
                                            <div class="ui radio checkbox">
                                                <input name="frequency2" ng-click="checkRadio(5)" checked="checked" type="radio">
                                                <label>个人</label>
                                            </div>
                                        </div>
                                        <div class="field">
                                            <div class="ui radio checkbox">
                                                <input name="frequency2" ng-click="checkRadio(6)" type="radio">
                                                <label>部门</label>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="ui ribbon label">目标对象</div>
                                </td>
                                <td>
                                    <input type="hidden" id="add_obja" />
                                    <div class="notvalid ui left icon input notvalid" id="add_a" tabindex="0">
                                        <angucomplete-alt id="add_objecta" placeholder="目标对象" pause="100" maxlength="50" selected-object="selecteAdda" local-data="object1" search-fields="name" title-field="name" minlength="0" input-class="form-control form-control-small" match-class="highlight"
                                            ng-blur="clickvalida()" ng-click="checkManager(1)">
                                        </angucomplete-alt>
                                    </div>
                                </td>
                                <td>
                                    <input type="hidden" id="add_objb" />
                                    <div class="ui left icon input" id="add_b">
                                        <angucomplete-alt id="add_objectb" placeholder="目标对象" pause="100" selected-object="selecteAddb" local-data="object2" search-fields="name" title-field="name" minlength="0" input-class="form-control form-control-small" ng-blur="clickvalidb('add_b')" ng-click="checkManager(2)">
                                        </angucomplete-alt>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="ui ribbon label">PK类型</div>
                                </td>
                                <!--<td colspan="2">
                                    <div style="width: 650px;">
                                        <div class="ui top attached tabular menu">
                                            <a class="item active" data-tab="one" ng-click="switchType(1)">一较高下</a>
                                            <a class="item" data-tab="two" ng-click="switchType(2)">达成目标</a>
                                            <a class="item" data-tab="three" ng-click="switchType(3)">保证完成</a>
                                        </div>
                                        <div class="ui bottom attached tab segment active" data-tab="one" style="height: 200px;">
                                            <br>
                                            <div>
                                                <p style="font-size: 11px;"> &#12288&#12288PK规则：正、反双方不设定业绩目标，并互相踢出赌注，在PK时间截止之时进行本周期业绩总和PK，业绩高者获胜。本规则最终解释权归北京和众汇富咨询有限公司天津分公司行政中心所有。
                                                </p>
                                            </div>
                                        </div>
                                        <div class="ui bottom attached tab segment" data-tab="two" style="height: 200px;">
                                            <br>
                                            <div>
                                                <p style="font-size: 11px;"> &#12288&#12288PK规则：正、反双方设定各自业绩目标，并互相踢出赌注，在PK时间截止之时进行本周期业绩总和PK，达到业绩目标者获胜，若正反双方都完成业绩目标，则两方都获胜。本规则最终解释权归北京和众汇富咨询有限公司天津分公司行政中心所有。
                                                </p>
                                            </div>
                                            <br>
                                            <div class="inline fluid fields">
                                                <div class="field">
                                                    <label>A方业绩&#12288</label>
                                                    <div class="ui left icon input">
                                                        <input type="text" name="goal_a" placeholder="A方业绩"></div>
                                                </div>
                                                <div class="field">
                                                    <label>B方业绩&#12288</label>
                                                    <div class="ui left icon input">
                                                        <input type="text" name="goal_b" placeholder="B方业绩" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ui bottom attached tab segment" data-tab="three" style="height: 200px;">
                                            <br>
                                            <div>
                                                <p style="font-size: 11px;"> &#12288&#12288PK规则：正、反方中的一方设定业绩目标，并互相踢出赌注，在PK时间截止之时若设定目标一方达成业绩目标则获胜。本规则最终解释权归北京和众汇富咨询有限公司天津分公司行政中心所有。
                                                </p>
                                            </div>
                                            <br>
                                            <div class="inline fields">
                                                <label>目标方&#12288</label>
                                                <div class="field">
                                                    <div class="ui radio checkbox">
                                                        <input name="frequency3" ng-click="checkRadio(3)" checked="checked" type="radio">
                                                        <label>A方</label>
                                                    </div>
                                                </div>
                                                <div class="field">
                                                    <div class="ui radio checkbox">
                                                        <input name="frequency3" ng-click="checkRadio(4)" type="radio">
                                                        <label>B方</label>
                                                    </div>
                                                </div>
                                                <div class="field">
                                                    <label>目标业绩&#12288</label>
                                                    <div class="ui left icon input">
                                                        <input type="text" name="goal" placeholder="目标业绩"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </td>-->
                                <td>
                                    <div class="ui form">
                                        <div class="inline fields">
                                            <div class="field">
                                                <div class="ui radio checkbox">
                                                    <input name="frequency" checked="checked" type="radio" ng-click="switchType(1)">
                                                    <label>一教高下</label>
                                                </div>
                                            </div>
                                            <div class="field" style="margin-left: 50px;">
                                                <div class="ui radio checkbox">
                                                    <input name="frequency" type="radio" ng-click="switchType(2)">
                                                    <label>达成目标</label>
                                                </div>
                                            </div>
                                            <div class="field" style="margin-left: 50px;">
                                                <div class="ui radio checkbox">
                                                    <input name="frequency" type="radio" ng-click="switchType(3)">
                                                    <label>保证完成</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="type" ng-show="pktype == 1" style="height: 200px;">
                                            <br>
                                            <div>
                                                <p style="font-size: 11px;"> &#12288&#12288PK规则：正、反双方不设定业绩目标，并互相踢出赌注，在PK时间截止之时进行本周期业绩总和PK，业绩高者获胜。本规则最终解释权归北京和众汇富咨询有限公司天津分公司行政中心所有。
                                                </p>
                                            </div>
                                        </div>
                                        <div class="type" ng-show="pktype == 2" style="height: 200px;">
                                            <br>
                                            <div>
                                                <p style="font-size: 11px;"> &#12288&#12288PK规则：正、反双方设定各自业绩目标，并互相踢出赌注，在PK时间截止之时进行本周期业绩总和PK，达到业绩目标者获胜，若正反双方都完成业绩目标，则两方都获胜。本规则最终解释权归北京和众汇富咨询有限公司天津分公司行政中心所有。
                                                </p>
                                            </div>
                                            <br>
                                            <div class="inline fluid fields">
                                                <div class="field">
                                                    <label>A方业绩&#12288</label>
                                                    <div class="ui left icon input">
                                                        <input type="text" name="goal_a" placeholder="A方业绩"></div>
                                                </div>
                                                <div class="field">
                                                    <label>B方业绩&#12288</label>
                                                    <div class="ui left icon input">
                                                        <input type="text" name="goal_b" placeholder="B方业绩" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="type" ng-show="pktype == 3" style="height: 200px;">
                                            <br>
                                            <div>
                                                <p style="font-size: 11px;"> &#12288&#12288PK规则：正、反方中的一方设定业绩目标，并互相踢出赌注，在PK时间截止之时若设定目标一方达成业绩目标则获胜。本规则最终解释权归北京和众汇富咨询有限公司天津分公司行政中心所有。
                                                </p>
                                            </div>
                                            <br>
                                            <div class="inline fields">
                                                <label>目标方&#12288</label>
                                                <div class="field">
                                                    <div class="ui radio checkbox">
                                                        <input name="frequency3" ng-click="checkRadio(3)" checked="checked" type="radio">
                                                        <label>A方</label>
                                                    </div>
                                                </div>
                                                <div class="field">
                                                    <div class="ui radio checkbox">
                                                        <input name="frequency3" ng-click="checkRadio(4)" type="radio">
                                                        <label>B方</label>
                                                    </div>
                                                </div>
                                                <div class="field">
                                                    <label>目标业绩&#12288</label>
                                                    <div class="ui left icon input">
                                                        <input type="text" name="goal" placeholder="目标业绩"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="ui ribbon label">赌注</div>
                                </td>
                                <td>
                                    <div class="ui left icon input">
                                        <input type="text" name="a_prize" id="a_prize" ng-blur="clickvalid('a_prize')" placeholder="A方赌注" />
                                    </div>
                                </td>
                                <td>
                                    <div class="ui left icon input">
                                        <input type="text" name="b_prize" id="b_prize" ng-blur="clickvalid('b_prize')" placeholder="B方赌注" />
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <th colspan="3">
                                    <h5>PK规则：</h5>
                                    <p style="color: red;font-size: 11px;"> &#12288&#12288一较高下：正、反双方不设定业绩目标，并互相踢出赌注，在PK时间截止之时进行本周期业绩总和PK，业绩高者获胜。
                                    </p>
                                    <p style="color: red;font-size: 11px;"> &#12288&#12288达成目标：正、反双方设定各自业绩目标，并互相踢出赌注，在PK时间截止之时进行本周期业绩总和PK，达到业绩目标者获胜。
                                    </p>
                                    <p style="color: red;font-size: 11px;"> &#12288&#12288保证完成：正、反方中的一方设定业绩目标，并互相踢出赌注，在PK时间截止之时若设定目标一方达成业绩目标则获胜。
                                    </p>
                                    <p style="color: red;font-size: 11px;">&#12288&#12288本规则最终解释权归北京和众汇富咨询有限公司天津分公司行政中心所有。</p>
                                </th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </form>
        </div>
        <div class="actions" style="padding:14px;">
            <div class="center" style="margin-bottom:10px;">
                <div class="ui pop_btn_qd positive">{{'BTN_OK' | translate}}</div>
                <div class="ui pop_btn_qx negative">{{'BTN_CANCEL' | translate}}</div>
            </div>
        </div>
    </div>
</div>
<!-- 添加PK信息弹出层 is ending here-->

<!-- 不能添加PK信息弹出层 is ending here-->
<div class="ui small nodel modal transition" id="nodel-model">
    <div class="header_h4">PK信息添加</div>
    <div class="content">
        <p>该PK双方在本时间段已经建立PK信息，请认真核对！！！</p>
        <div class="actions" style="padding:14px;">
            <div class="center" style="margin-bottom:10px;">
                <div class="ui pop_btn_qd positive">{{'BTN_OK' | translate}}</div>
                <div class="ui pop_btn_qx negative">{{'BTN_CANCEL' | translate}}</div>
            </div>
        </div>
    </div>
</div>
<!-- 不能添加PK信息弹出层 is ending here-->

<!-- 编辑PK信息弹出层 is begining here-->
<div class="ui editPK modal" style="height:auto;">
    <i class="close icon"></i>
    <div class="header_h4">编辑PK信息</div>
    <div class="content">
        <div class="form">
            <form action="#" name="frm-editPK" id="frm-editPK" style="margin-left: 30px;">
                <div class="ui form">
                    <div class="inline fluid fields">
                        <div class="field">
                            <label>PK有效时间</label>
                            <div class="ui left icon input">
                                <input type="text" datetimepicker name="edit_start_time" disabled="disabled" placeholder="开始时间" />
                                <i class="calendar icon"></i>
                            </div>
                        </div>
                        <div class="field">
                            <div class="ui left icon input">
                                <input type="text" datetimepicker name="edit_end_time" disabled="disabled" placeholder="结束时间" />
                                <i class="calendar icon"></i>
                            </div>
                        </div>
                    </div>
                    <div class="field" style="margin-top: 20px;">
                        <label style="display: inline-block;width: 10%;">PK类型:&#12288</label>
                        <label style="display: inline-block;width: 20%;" type="text" name="edit_pk_type"></label>
                    </div>
                    <div class="field" style="margin-top: 20px;">
                        <label>简介信息</label>
                        <div class="ui left icon input">
                            <textarea type="text" name="edit_info" style="height: 90px;width: 90%" />
                        </div>
                    </div>
                    <table class="ui celled table" style="margin-top: 20px;">
                        <thead>
                            <tr>
                                <th></th>
                                <th name="pka">A(正方)</th>
                                <th name="pkb">B(反方)</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <div class="ui ribbon label">PK目标(单位:万)</div>
                                </td>
                                <td>
                                    <div class="ui right icon input">
                                        <input type="text" name="edit_a_goal" placeholder="A方业绩">
                                    </div>
                                </td>
                                <td>
                                    <div class="ui right icon input">
                                        <input type="text" name="edit_b_goal" placeholder="B方业绩" />
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="ui ribbon label">赌注</div>
                                </td>
                                <td>
                                    <div class="ui left icon input">
                                        <input type="text" name="edit_a_prize" placeholder="A方赌注"></div>
                                </td>
                                <td>
                                    <div class="ui left icon input">
                                        <input type="text" name="edit_b_prize" placeholder="B方赌注" />
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <th colspan="3">
                                    <h5>PK规则：</h5>
                                    <p style="color: red;font-size: 11px;"> &#12288&#12288一较高下：正、反双方不设定业绩目标，并互相踢出赌注，在PK时间截止之时进行本周期业绩总和PK，业绩高者获胜。
                                    </p>
                                    <p style="color: red;font-size: 11px;"> &#12288&#12288达成目标：正、反双方设定各自业绩目标，并互相踢出赌注，在PK时间截止之时进行本周期业绩总和PK，达到业绩目标者获胜。
                                    </p>
                                    <p style="color: red;font-size: 11px;"> &#12288&#12288保证完成：正、反方中的一方设定业绩目标，并互相踢出赌注，在PK时间截止之时若设定目标一方达成业绩目标则获胜。
                                    </p>
                                    <p style="color: red;font-size: 11px;">&#12288&#12288本规则最终解释权归北京和众汇富咨询有限公司天津分公司行政中心所有。</p>
                                </th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </form>
        </div>
        <div class="actions" style="padding:14px;">
            <div class="center" style="margin-bottom:10px;">
                <div class="ui pop_btn_qd positive">{{'BTN_OK' | translate}}</div>
                <div class="ui pop_btn_qx negative">{{'BTN_CANCEL' | translate}}</div>
            </div>
        </div>
    </div>
</div>
<!-- 编辑PK目标信息弹出层 is ending here-->

<!-- 查看PK信息弹出层 is begining here-->
<div class="ui lookPK modal" style="height:auto;">
    <i class="close icon"></i>
    <div class="header_h4">查看PK信息</div>
    <div class="content">
        <div class="content">
            <div class="form">
                <form action="#" name="frm-lookPK" id="frm-lookPK" style="margin-left: 30px;">
                    <div class="ui form">
                        <div style="position: absolute;display: inline-block;float: right;width: 13%;height: 100px;margin-left: 77%;text-align: center ;background-color: #4af9eb;padding-top: 35px;">
                            <h3 style="margin:auto;" name="pk_res"></h3>
                        </div>
                        <div class="inline fluid fields">
                            <label style="font-size: 16px;">PK有效时间</label>
                            <div class="field">
                                <div>
                                    <p style="font-size: 15px;" type="text" name="start_time" placeholder="开始时间"></p>
                                </div>
                            </div>
                            <div class="field">
                                <div>
                                    <p style="font-size: 15px;" type="text" name="end_time" placeholder="结束时间"></p>
                                </div>
                            </div>
                        </div>
                        <br>
                        <div class="inline fluid fields">
                            <label style="font-size: 16px;">PK类型&#12288</label>
                            <label style="font-size: 15px;" type="text" name="pk_type"></label>
                            <label style="font-size: 15px;">A方</label>
                            <div class="field">
                                <div>
                                    <p style="font-size: 15px;" type="text" name="a_object">
                                </div>
                            </div>
                            <div class="field">
                                <div>
                                    <p style="font-size: 15px;" type="text" name="a_goal" />
                                </div>
                            </div>
                            <div class="field">
                                <div>
                                    <p style="font-size: 16px;background-color: red;display: inline-block;width: 30px;height: 40px;text-align: center;">PK</p>
                                </div>
                            </div>
                            <label style="font-size: 15px;">B方</label>
                            <div class="field">
                                <div>
                                    <p style="font-size: 15px;" type="text" name="b_object">
                                </div>
                            </div>
                            <div class="field">
                                <div>
                                    <p style="font-size: 15px;" type="text" name="b_goal" />
                                </div>
                            </div>
                        </div>
                        <br>
                        <div class="inline fluid fields">
                            <label style="font-size: 16px;">赌注设置</label>
                            <label style="font-size: 15px;">A方赌注</label>
                            <div class="field">
                                <div>
                                    <p style="font-size: 15px;" type="text" name="a_prize">
                                </div>
                            </div>
                            <label style="font-size: 15px;">&#12288B方赌注</label>
                            <div class="field">
                                <div>
                                    <p style="font-size: 15px;" type="text" name="b_prize" />
                                </div>
                            </div>
                        </div>
                        <br>
                        <div class="inline fluid fields">
                            <label style="font-size: 16px;">简介信息</label>
                            <div class="field">
                                <div>
                                    <p type="text" name="info" style="font-size: 15px;" />
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="actions" style="padding:14px;">
                <div class="center" style="margin-bottom:10px;">
                    <div class="ui pop_btn_qd positive">{{'BTN_OK' | translate}}</div>
                    <div class="ui pop_btn_qx negative">{{'BTN_CANCEL' | translate}}</div>
                </div>
            </div>
        </div>
    </div>

</div>
<!-- 查看PK信息弹出层 is ending here-->

<!-- 删除PK信息弹出层 is ending here-->
<div class="ui small del modal transition" id="del-model">
    <div class="header_h4">PK信息删除确认</div>
    <div class="content">
        <p></p>
        <div class="actions" style="padding:14px;">
            <div class="center" style="margin-bottom:10px;">
                <div class="ui pop_btn_qd positive">{{'BTN_OK' | translate}}</div>
                <div class="ui pop_btn_qx negative">{{'BTN_CANCEL' | translate}}</div>
            </div>
        </div>
    </div>
</div>
<!-- 删除PK信息弹出层 is ending here-->

<!-- 系统信息弹出层 is ending here-->
<div class="ui systemerror modal transition">
    <div class="header_h4">系统提示</div>
    <div class="content">
        <div class="inline fluid fields">
            <div class="field" style="display: inline-block;width: 5%;" ng-show="pkRcode==1">
                <i class="thumbs up large icon"></i>
            </div>
            <div class="field" style="display: inline-block;width: 5%;" ng-show="pkRcode==0">
                <i class="thumbs down large icon"></i>
            </div>
            <div class="field" style="display: inline-block;">
                <p>{{pkMsg}}</p>
            </div>
        </div>
        <div class="actions" style="padding:14px;">
            <div class="center" style="margin-bottom:10px;">
                <div class="ui pop_btn_qx negative">关闭</div>
            </div>
        </div>
    </div>
</div>
<!-- 系统信息弹出层 is ending here-->

<script type="text/javascript">
    // 样式切换
    $("#nav li").click(function() {
        $(this).addClass('selected').siblings().removeClass('selected');
    });
    $(function() {
        //标签页
        $('.menu .item').tab();
        //进度条
        // $('#25').progress();
        $('.ui.dropdown').dropdown();
        //添加PK表单验证
        $('#frm-addPK').form({
            on: 'blur',
            // inline : true,
            fields: {
                start_time: {
                    identifier: 'start_time',
                    rules: [{
                        type: 'empty',
                        prompt: '开始时间不能为空'
                    }]
                },
                end_time: {
                    identifier: 'end_time',
                    rules: [{
                        type: 'empty',
                        prompt: '结束时间不能为空'
                    }]
                },
                b_prize: {
                    identifier: 'b_prize',
                    rules: [{
                        type: 'empty',
                        prompt: 'B方赌注不能为空'
                    }]
                },
                a_prize: {
                    identifier: 'a_prize',
                    rules: [{
                        type: 'empty',
                        prompt: 'A方赌注不能为空'
                    }]
                },
                info: {
                    identifier: 'info',
                    rules: [{
                        type: 'empty',
                        prompt: '简介信息不能为空'
                    }]
                }
            }
        });
        //编辑PK表单验证
        $('#frm-editPK').form({
            on: 'blur',
            // inline : true,
            fields: {
                edit_start_time: {
                    identifier: 'edit_start_time',
                    rules: [{
                        type: 'empty',
                        prompt: '开始时间不能为空'
                    }]
                },
                edit_end_time: {
                    identifier: 'edit_end_time',
                    rules: [{
                        type: 'empty',
                        prompt: '结束时间不能为空'
                    }]
                },
                edit_b_prize: {
                    identifier: 'edit_b_prize',
                    rules: [{
                        type: 'empty',
                        prompt: 'B方赌注不能为空'
                    }]
                },
                edit_a_prize: {
                    identifier: 'edit_a_prize',
                    rules: [{
                        type: 'empty',
                        prompt: 'A方赌注不能为空'
                    }]
                },
                edit_b_goal: {
                    identifier: 'edit_b_goal',
                    rules: [{
                        type: 'empty',
                        prompt: 'B方赌注不能为空'
                    }]
                },
                edit_a_goal: {
                    identifier: 'edit_a_goal',
                    rules: [{
                        type: 'empty',
                        prompt: 'A方赌注不能为空'
                    }]
                },
                edit_info: {
                    identifier: 'edit_info',
                    rules: [{
                        type: 'empty',
                        prompt: '简介信息不能为空'
                    }]
                }
            }
        });

    });
</script>